<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>:is:where</title>
    <style>
      html {
        font-family: sans-serif;
        font-size: 150%;
      }

      :is(section.is-styling, aside.is-styling, footer.is-styling) a {
        color: red;
      }

      :where(section.where-styling, aside.where-styling, footer.where-styling)
        a {
        color: orange;
      }
    </style>
  </head>
  <body>
    <section class="is-styling"><a>a href</a></section>
    <aside class="is-styling"><a>a href</aside>
    <footer class="is-styling"><a>a href</footer>
  </body>
</html>
